Como deixar um espaço em branco no HTML?

espaço em branco html

Para inserir um espaço basta usar a tecla do teclado, mas se quiser inserir mais de um veja abaixo como fazer usando a tag <pre>.

Se inserir mais de um espaço no HTML quando for impresso na área do navegador ele mostrará apenas um espaço, não importando quantas vezes for digitado. O mesmo serve para quebras de linhas, na verdade a tecla enter usada para dar espaço em editores de texto não funciona na impressão do HTML se ela for digitada no código, na tela sairá apenas um espaço em branco.

Mas tem como mudar isso, uma maneira é usando a tag <pre>. Essa tag permite que o navegador interprete o que for digitado no código HTML como texto.

Para usar basta inserir o texto que deseja espaçar mais de uma vez entre a tag <pre> e </pre>.

Algo como:

<p>Texto em um parágrafo simples. tentando dar vários espaços.          Aqui volto o texto.</p>

<pre>Texto em um parágrafo pre espaçado várias vezes           .Aqui continuo o texto após o espaço.</pre>.

Resultado:

Texto em um parágrafo simples. tentando dar vários espaços. Aqui volto o texto.

Texto em um parágrafo pre espaçado várias vezes            .Aqui continuo o texto após o espaço.

 Existem outras maneiras de obter esse resultado que você conferir clicando nos exemplos de uso logo abaixo.


Quer acompanhar as novidade do site?

Leia mais em: ww.w3schools.com/tags/tag_pre...

Como deixar um espaço em branco no HTML?

Última atualização: 2023-02-15

Palavras-Chaves